.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    font-size: 40px;
}

.login {
    width: 1920px;
    height: 1000px;
    display: flex;


    img {
        width: 375px;
        height: 100%;
    }

    .login_list {
        flex: 1;

        .nav {
            height: 70px;
            width: 100%;
            display: flex;

            justify-content: space-between;

            .logo {
                display: flex;
                align-items: center;
                justify-content: space-between;
                color: #000;
                font-weight: 500;
                width: 160px;
                height: 100%;
                margin-left: 20px;

                img {
                    width: 50px;
                    height: 50px;
                }

            }

            .nav_menu {
                margin-right: 30px;
                padding-top: 20px;

                a {
                    display: inline-block;
                    padding: 0 010px 0 10px;
                    line-height: 20px;
                    color: #7a7a7a;
                    font-size: 15px;
                }

                .sep {
                    border-left: 2px solid #dddddd;
                }

            }
        }

        .layout {
            width: 450px;
            height: 825px;
            background-color: white;
            margin: 0 auto;
            padding-top: 35px;

            .lay_list {
                width: 360px;
                height: 505px;
                background-color: white;
                margin: auto;

                .reg {
                    font-size: 25px;
                    font-weight: 600;
                    color: #000;
                    border-bottom: 4px solid #ff6a02;
                    margin-right: 10px;
                }

                a {
                    display: inline-block;
                    margin-right: 15px;
                    font-size: 25px;
                    font-weight: 600;
                }

                .login_in {
                    margin-top: 15px;

                    .username,
                    .password,
                    .phone_tel,
                    .email {
                        width: 100%;
                        height: 60px;
                        background-color: #f9f9f9;
                        font-size: 20px;
                        text-indent: 1em;
                        border-radius: 10px;
                    }

                    .code {
                        width: 250px;
                        height: 60px;
                        background-color: #f9f9f9;
                        font-size: 20px;
                        text-indent: 1em;
                        border-radius: 10px;
                        margin-right: 20px;
                    }

                    .code_text {
                        font-size: 30px;
                    }

                    .username_span,
                    .password_span,
                    .phone_tel_span,
                    .email_span,
                    .code_span {
                        display: block;
                        height: 30px;
                    }

                    .xz {
                        margin-left: 30px;
                        margin-top: 20px;
                    }

                    .btn {
                        display: block;
                        width: 100%;
                        height: 58px;
                        background-color: #ff6501;
                        border-radius: 10px;
                        color: white;
                        font-size: 25px;
                        margin: 20px 0 10px 0;


                    }

                    a {
                        font-size: 12px;
                        color: #ff6501;
                        font-weight: 500;
                    }

                    .tel {
                        margin-left: 220px;
                    }

                    p {
                        font-size: 18px;
                        line-height: 40px;
                        text-align: center;
                    }

                    .qita {
                        width: 300px;
                        height: 50px;
                        margin: 10px auto;
                        display: flex;
                        justify-content: space-evenly;
                        align-items: center
                    }
                }


            }
        }
    }
}